$green = #02a774
$yellow = #f5a100
$blue = #67a6f4
$bg = #e4e4e4
$text = #fff
$darktext = #3333338a

bg-image($url)
  background-image: url($url + "@2x.png")
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
    background-image: url($url+"@3x.png")
    
clearFix()
  *zoom 1
  &:after
    content ''
    display block
    clear both
    

border-bottom($color)
  position relative
  &:after
  	display block
  	position absolute
  	width 100%
  	left 0
  	bottom 0
  	border-top 1px solid $color
  	content ''

border-top($color)
  position relative
  &:after
  	display block
  	position absolute
  	width 100%
  	left 0
  	top 0
  	border-top 1px solid $color
  	content ''

border-right($color)
  position relative
  &:after
    display block
    position absolute
    height 100%
    right 0
    top 0
    border-right 1px solid $color
    content ''
 	
border-none()
  &:after
  	display none

ellipsis()
  overflow hidden
  text-overflow ellipsis
  white-space nowrap
  	